<template>
  <div class="father">
    父亲
    <div>钱: {{money}}</div>
    <son/>
  </div>
</template>

<script setup lang="ts">
  import son from '@/components/test/_13/son.vue';
  import {provide, readonly, Ref, ref} from "vue";
  const money = ref<number>(500);

  provide<Ref<number>>('money', money);
</script>

<script lang="ts">
export default {
  name: "father.vue"
}
</script>

<style scoped>
  .father {
    background-color: gray;
    margin: 10px;
    width: 800px;
    height: 500px;
  }
</style>